<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>评论列表</title>
        <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="./css/reset.css">
        <link rel="stylesheet" href="./css/iconfont.css">
        <link rel="stylesheet" href="./css/main.css">
        <link rel="stylesheet" href="./libs/layui/css/layui.css">

    
</head>

<body>
    <div class="container-fluid">
        <div class="common_title">
            评论列表
        </div>
        <div class="container-fluid common_con">
            <table class="table table-striped table-bordered table-hover mp20">
                <thead>
                    <tr>
                        <th style="width:7%">作者</th>
                        <th style="width:25%">评论</th>
                        <th style="width:25%">评论在</th>
                        <th style="width:15%">提交于</th>
                        <th style="width:6%">状态</th>
                        <th class="text-center" style="width:12%">操作</th>
                    </tr>
                </thead>
                <tbody>
                    

                </tbody>
            </table>
            <div id="pager" class="row text-center"></div>
        </div>
    </div>
        <!-- jq组件 -->
        <script src="./libs/jquery/jquery.min.js"></script>
        <!-- 公共组件 -->
        <script src="./libs/bootstrap/js/bootstrap.min.js"></script>
        <!-- 引入layui -->
        <script src="./libs/layui/layui.js"></script>
        <!-- 引入富文本编辑器  -->
        <script src="./libs/tinymce_5.5.1/tinymce.min.js"></script>
        <!-- 引入模板引擎 -->
        <script src="./libs/art-template/template-web.js"></script>
        <!-- 公共封装 -->
        <script src="./js/commom.js"></script>
        <!-- 自己的业务 -->
        <script src="./js/commen_tlist.js"></script>
        <script id="art_comment" type="text/html">
            {{each list}}
            {{if $value.state ==='已拒绝'}}
            <tr class="danger" data-id="{{$value.id}}">
              {{else}}
              <tr data-id="{{$value.id}}">
            {{/if}}    
              <td>{{$value.author}}</td>
              <td>{{$value.content}}</td>
              <td>{{$value.title}}</td>
              <td>{{$value.date}}</td>
              <td>{{$value.state}}</td>
              <td class="text-center">
                {{if $value.state === '待审核'}}
                  <a href="javascript:void(0);" class="btn btn-success btn-xs btnAccept">批准</a>
                  <a href="javascript:void(0);" class="btn btn-warning btn-xs btnReject">拒绝</a>
                  {{else if $value.state === '已通过'}}
                  <a href="javascript:void(0);" class="btn btn-warning btn-xs btnReject">拒绝</a>
                  {{else}}
                  <a href="javascript:void(0);" class="btn btn-success btn-xs btnAccept">批准</a>
                {{/if}}
                <a href="javascript:void(0);" class="btn btn-danger btn-xs btnDelete">删除</a>
              </td>
            </tr>
            {{/each}}
          </script>
</body>

</html>